.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
    display: -webkit-flex;
}

.banner{
    .flexbox();
    width: 100%;
    .imgs{
        img{
            width: 100%;
        }
    }
}
.remeng{
    .flexbox();
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    color: #595959;
     background: url(../img/bg-rem.png);
    .px2rem(line-height, 49);
    .px2rem(padding-left, 18);
    .px2rem(font-size, 32);
}

.fendi{
    .flexbox();
    width: 100%;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #c8c8c8;
    .fendi-left{
        .flexbox();
        flex: 1;
        justify-content: center;
        align-items: center;
        .fendi-box1{
            flex: 1;
            text-align: center;
            .px2rem(font-size, 49);  
        }
        .fendi-box2{
            flex: 1;
            .px2rem(font-size, 29);
            .px2rem(margin-left, 15);    
        }
    }
    .fendi-right{
        .flexbox();
       .px2rem( height,140); 
        justify-content: space-between;
        align-items: center;
        
        .fendi-box3{
            text-align: center;
            color: white;
            background: linear-gradient(#f30000, #a70000);
           .px2rem( border-radius,7);
           .px2rem( width,83);
           .px2rem(line-height,45); 
           .px2rem(margin-top, 16);
           .px2rem(margin-right, 95);
           .px2rem(font-size, 29);  
           
        }
        .fendi-box4{
            .px2rem(margin-right, 25);
        }
    }
}
//
//第二张
.remeng{
    .flexbox();
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    color: #595959;
    background: url(../img/bg-rem.png);
    .px2rem(line-height, 49);
    .px2rem(padding-left, 18);
    .px2rem(font-size, 32);
}


.fendi{
    .flexbox();
    width: 100%;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #c8c8c8;
    .fendi-left{
        .flexbox();
        flex: 1;
        justify-content: center;
        align-items: center;
        .fendi-box1{
            flex: 1;
            text-align: center;
            .px2rem(font-size, 49);  
        }
        .fendi-box2{
            flex: 1;
            .px2rem(font-size, 29);
            .px2rem(margin-left, 15);    
        }
    }
    .fendi-right{
        .flexbox();
       .px2rem( height,129); 
        justify-content: space-between;
        align-items: center;
        
        .fendi-box3{
            text-align: center;
            color: white;
            background: linear-gradient(#f30000, #a70000);
           .px2rem( border-radius,7);
           .px2rem( width,83);
           .px2rem(line-height,45);
            .px2rem(margin-top, 16);
            .px2rem(margin-right, 95);
            .px2rem(font-size, 29);  
           
        }
        .fendi-box4{
            .px2rem(margin-right, 25);
        }
    }
}

.gdp{
    width: 30%;
    margin: 14px auto;
    .flexbox();
    justify-content: center;
    align-items: center;
    color: #595959;
     background: linear-gradient(#f1f1f2, #b4b3b7);
    .px2rem(line-height, 80);
    .px2rem(padding-left, 18);
    .px2rem(font-size, 32);
    .px2rem(border-radius, 10);  
}
.baodai{
      .px2rem(margin-top,10);
      .px2rem(padding-bottom,15);
    .flexbox();
    justify-content: space-around;
    align-items: center;
    border-bottom: 2px solid #c8c8c8;
    .baodai-left{
        width: 6em;
        margin-left: 20px;
    }
    .baodai-center{
        flex: 1;
        margin-left: 30px;
        .baodai-up{
            .px2rem(font-size, 32);
            color: #000;
        }
        .baodai-down{
            .px2rem(font-size, 20);
          
        }
    }
    .baodai-right{
        width: 6em;
        margin-right: -35px;
    }
}

//截至2
//第三张
.fenlei-box {
    .fenlei-list1 {
        .flexbox();
        .px2rem(height,100);
        align-items: center;
        background: #ededed;
        justify-content: space-between;
        border-bottom: 2px solid #b7b8b8;
        h3{
            .px2rem(font-size, 40);
            .px2rem(margin-left, 48);
        }
        .imgaa {
            .px2rem(width,35);
            .px2rem(height,28);
            .px2rem(margin-right, 34);
        }
        
    }
    .fenlei-list2 {
        .flexbox();
        .px2rem(height,100);
        align-items: center;
        justify-content: space-between;
        border-bottom: 2px solid #b7b8b8;
        background: #fff;
        h3{
            .px2rem(font-size, 40);
            .px2rem(margin-left, 48);
        }
        .imgaa {
            .px2rem(width,35);
            .px2rem(height,28);
            .px2rem(margin-right, 34);
        }
        
    }
}
//////
//第四张
.fenlei-boxx {
    .fenlei-list1x {
        .flexbox();
        .px2rem(height,100);
        align-items: center;
        background: #ededed;
        justify-content: space-between;
        border-bottom: 2px solid #b7b8b8;
        div{
            .px2rem(margin-left, 48);
             .fenlei-p1x{
                color: #000;
                 .px2rem(font-size, 35);
            }
            .fenlei-p2x{
                color: #333333;
                .px2rem(font-size, 18);
            }
        }
        .imga {
            .px2rem(width,35);
            .px2rem(height,28);
            .px2rem(margin-right, 34);
        }
        
    }
    .fenlei-list2x {
        .flexbox();
        .px2rem(height,100);
        align-items: center;
        justify-content: space-between;
        border-bottom: 2px solid #b7b8b8;
        background: #fff;
        div{
            .px2rem(margin-left, 48);
            .fenlei-p1x{
                color: #000;
                 .px2rem(font-size, 35);
            }
            .fenlei-p2x{
                color: #333333;
                 .px2rem(font-size, 18);
            }
        }
        .imga{
            .px2rem(width,35);
            .px2rem(height,28);
            .px2rem(margin-right, 34);
        }
        
    }
}
//////
//第五张
.fendibox{
    .px2rem(height, 69);
    .flexbox();
    background: #f3f2f2;
    justify-content: center;
    align-items: center;
    .fendi-box{
        width: 100%;
        .flexbox();
         justify-content: center;
        align-items: center;
        .fendip1{
             text-align: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15); 
            background: linear-gradient(#e8e8e8, #aeaeae);
            .px2rem(font-size, 30);
        }
        .fendip2:hover {background: linear-gradient(#a2a2a2, #6b6b6b);color: white;}
        .fendip3:hover {background: linear-gradient(#a2a2a2, #6b6b6b);color: white;}
        .fendip1:hover {background: linear-gradient(#a2a2a2, #6b6b6b);color: white;}
        .fendip2{
            .flexbox();
             justify-content: center;
             align-items: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15);
            .px2rem(font-size, 30); 
            background: linear-gradient(#e8e8e8, #aeaeae);
            .px2rem(margin-left,18);
            text-align: center;
            .fendip2-img{
                 width: 10%;
                .px2rem(margin-left,8);
            }
            
        }
        .fendip3{
            .flexbox();
            justify-content: center;
            align-items: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15); 
            .px2rem(font-size, 30);
            background: linear-gradient(#e8e8e8, #aeaeae);
            .px2rem(margin-left,18);
            text-align: center;
            .fendip3-img{
                width: 10%;
                .px2rem(margin-left,8);
            }
        }
    }
}

.fendigongji{
    .flexbox();
    justify-content: flex-start;
    align-items: center;
    .px2rem(padding-left,10);
    .px2rem(margin-top,10);
    .px2rem(font-size, 24);
}

.fendipl{
    .flexbox();
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #c8c8c8;
     .px2rem(height, 165);
     .px2rem(margin-bottom,10);
    .fendileft{
         .px2rem(height, 125);
        width: 30%;       
        img{
            width: 70%; 
            .px2rem(height, 125); 
            .px2rem(margin-left,21)       
        }
    }
    .fendiright{
        flex: 1;
        .fenditop{
            .fenditopp1{
                color: #000;
                .px2rem(font-size, 25);
            }
        }
        .fendidown{
            .flexbox();
            justify-content: space-between;
            align-items: center;
            .fendidown-left{
                .fendidown-lefttop1{
                    text-decoration:line-through;
                    color: #666666;
                }
                .fendidown-lefttop2{
                    a{
                        color: red;
                    }
                }
            }
            .fendidownright{
                .px2rem(width, 82);
                .px2rem(line-height, 45);
                background: #e00000;
                color: #fff;
                text-align: center;
                .px2rem(font-size, 22);
                .px2rem(border-radius,15);
                .px2rem(margin-right,10);
            }
        }
    }
}

/////////
//第六张

.fendiboxq{
    .px2rem(height, 69);
    .flexbox();
    background: #f3f2f2;
    justify-content: center;
    align-items: center;
    .fendi-boxq{
        width: 100%;
        .flexbox();
         justify-content: center;
        align-items: center;
        .fendip1q{
             text-align: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15); 
            background: linear-gradient(#e8e8e8, #aeaeae);
            .px2rem(font-size, 30);
        }
        .fendip2q{
            .flexbox();
            justify-content: center;
            align-items: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15);
            .px2rem(font-size, 30); 
            color: #fff;
             background: linear-gradient(#a3a3a3, #616161);
            .px2rem(margin-left,18);
            text-align: center;
            .fendip2-imgq{
                width: 10%;
                .px2rem(margin-left,8);
            }
            
        }
        .fendip3q{
            .flexbox();
            justify-content: center;
            align-items: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15); 
            .px2rem(font-size, 30);
            background: linear-gradient(#e8e8e8, #aeaeae);
            .px2rem(margin-left,18);
            text-align: center;
            .fendip3-imgq{
                width: 10%;
               .px2rem(margin-left,8);
            }
        }
    }
}

.fendigongjiq{
    .flexbox();
    justify-content: flex-start;
    align-items: center;
    .px2rem(padding-left,10);
    .px2rem(margin-top,10);
    .px2rem(font-size, 24);
}

.fendiplq{
    .flexbox();
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #c8c8c8;
     .px2rem(height, 165);
     .px2rem(margin-bottom,10);
    .fendileftq{
         .px2rem(height, 125);
        width: 30%;       
        img{
            width: 70%; 
            .px2rem(height, 125);
            .px2rem(margin-left,21);        
        }
    }
    .fendirightq{
        flex: 1;
        .fenditopq{
            .fenditopp1q{
                color: #000;
                .px2rem(font-size, 25);
            }
        }
        .fendidownq{
            .flexbox();
            justify-content: flex-start;
            align-items: flex-end;
            .fendidown-leftq{
                .fendidown-lefttop1q{
                    text-decoration:line-through;
                    color: #666666;
                }
                .fendidown-lefttop2q{
                    a{
                        color: red;
                    }
                }
            }
            .fendidownrightq{
                color: #000;
                text-align: center;
                .px2rem(font-size, 22);
                .px2rem(margin-left,30);
            }
        }
    }
}
//////
//第七张
.fendiboxw{
    .px2rem(height, 69);
    .flexbox();
    background: #f3f2f2;
    justify-content: center;
    align-items: center;
    .fendi-boxw{
        width: 100%;
        .flexbox();
         justify-content: center;
        align-items: center;
        .fendip1w{
             text-align: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15); 
            background: linear-gradient(#e8e8e8, #aeaeae);
            .px2rem(font-size, 30);
        }
        .fendip2w{
            .flexbox();
         justify-content: center;
        align-items: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15);
            .px2rem(font-size, 30); 
            background: linear-gradient(#e8e8e8, #aeaeae);
            .px2rem(margin-left,18);
            text-align: center;
            .fendip2-imgw{
                 width: 10%;
                .px2rem(margin-left,8);
            }
            
        }
        .fendip3w{
            .flexbox();
         justify-content: center;
        align-items: center;
            .px2rem(width, 118);
            .px2rem(line-height, 40);
            .px2rem(border-radius,15); 
            .px2rem(font-size, 30);
            color: #fff;
            background: linear-gradient(#a3a3a3, #616161);
            .px2rem(margin-left,18);
            text-align: center;
            .fendip3-imgw{
                 width: 12%;
                .px2rem(margin-left,8);
            }
        }
    }
}


.fendigongjiw{
    .flexbox();
    justify-content: flex-start;
    align-items: center;
    .px2rem(padding-left,10);
    .px2rem(margin-top,10);
    .px2rem(font-size, 24);
}

.fendiplw{
    .flexbox();
    justify-content: space-around;
    align-items: center;
    border-bottom: 2px solid #c8c8c8;
     .px2rem(height, 165);
     .px2rem(margin-bottom,10);
    .fendileftw{
         .px2rem(height, 125);
        width: 30%;       
        img{
            width: 70%; 
            .px2rem(height, 125); 
            .px2rem(margin-left,21);       
        }
    }
    .fendirightw{
        flex: 1;
        .fenditopw{
            .fenditopp1w{
                color: #000;
                .px2rem(font-size, 25);
            }
        }
        .fendidownw{
            .flexbox();
            justify-content: flex-start;
            align-items: center;
            .fendidown-leftw{
                .fendidown-lefttop1w{
                    text-decoration:line-through;
                    color: #666666;
                }
                .fendidown-lefttop2w{
                    a{
                        color: red;
                    }
                }
            }
            .fendidownrightw{
                .px2rem(width, 82);
                .px2rem(line-height, 45);
                background: #e00000;
                color: #fff;
                text-align: center;
                .px2rem(font-size, 22);
                .px2rem(border-radius,15);
                .px2rem(margin-left,144);
            }
        }
    }
    .fendiqiantouw{
        width: 3em;
        .px2rem(margin-left,10);
    }
}
////
//第八张
.fendi-plbox{
    .flexbox();
    justify-content: center;
    align-items: center;
    margin: 19px 0;
    .shoubiao-pl{
        width: 40%;
    }
}

.fendifda{
    .flexbox();
    .px2rem(font-size, 30);
    justify-content: center;
    align-items: center;
    .fendifd{       
        width: 96%;
        .px2rem(height, 340);
        .px2rem(border-radius,20); 
        background: #f5f5f5;
        flex-wrap:wrap ;
        .fendibox1{
            border-bottom: 1px solid #ccc;
            .px2rem(line-height, 58);
            .px2rem(margin-left, 10);
        }
        .fendibox2{
            .px2rem(margin-left, 10);
            .px2rem(line-height, 58);
            border-bottom: 1px solid #ccc;
            flex-wrap: wrap;
            .fendidown-span1{
                flex: 1;
                a{
                    color: #f00;
                }
            }
            .fendidown-span2{
                flex: 1;
                text-decoration: line-through;
                color: #9f9f9f;
                .px2rem(margin-left, 27);
            }
        }
        .fendibox3{
            .px2rem(margin-left, 10);
            .px2rem(line-height, 58);
            .flexbox();
            justify-content: space-around;
            align-items: center;
            border-bottom: 1px solid #ccc;
            .fendidown-span3{
                flex: 1;
            }
            .fendidown-span4{
                width: 3em;
                color: #bcbcbc;
            }
            .fendidown-span4a{
                width: 3em;
                text-align: center;
            }
        }
        .fendibox4{
            .px2rem(margin-left, 10);
            .px2rem(line-height, 58);
            .flexbox();
            justify-content: space-around;
            align-items: center;
            border-bottom: 1px solid #ccc;
            .fendidown-span5{
                flex: 1;
            }
            .fendidown-span4{
               width: 3em;
               color: #bcbcbc;
               text-align: center;
               .px2rem(padding-right, 20);
            }
            .fendidown-span4b{
                width: 3em;
               text-align: center;
               
            }
        }
        .fendibox5{
            .px2rem(margin-left, 10);
            .px2rem(height, 100);
            .flexbox();
            justify-content: space-between;
            align-items: center;
            .fendibox6{
                color: #ccc;
            }
            .fendidown-span4c{
                .px2rem(margin-right, 38);
            }
        }
    }
}


///jiemian1

    .bannera{
        .flexbox();
        width: 100%;
        //height: 1330px;
        .px2rem(height, 1333);
    .imgs{
        img{
           width: 100%;
           height: 100%;
            
        }
        
    }
    .swiper-pagination-bullets{
        position: absolute;
        .px2rem(bottom, 287);
        .px2rem(left, 29);
    }
}
///jiemian2
.jiemianpl1{
    position: relative;
    .flexbox();
    width: 100%;
    height: 100%;
    img{
        width: 100%;
        z-index: 1;
    }
    #progress2{
        width: 126%;
        .flexbox();
        position:fixed;
        .px2rem(top, 738);
        .px2rem(left, 127);
        z-index: 2;
    }
}




